<%-- 
    Document   : index
    Created on : 30/10/2013, 01:16:53 PM
    Author     : QUINTERO
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Cines MX - Tu Red de Cines!</title>
        <link rel="shortcut icon" type="image/x-icon" href="images/icono.png">
        <script type="text/javascript" src="jquery-2.0.3.min.js"></script>
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>        
        <script src="http://maps.google.com/maps/api/js?sensor=false"></script>        
        <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
        <script type="text/javascript" src="script.js" ></script>
        <link rel="stylesheet" href="estilos.css"/>
        <link rel="stylesheet" href="stilo.css"/>
    </head>
    <body>
        <form>
        </ul>            
    </section>
    <header id="titulo">
        <h2>
            <a href="#"><img id="logo_cine" src="images/logo.png" width="100px" height="100px" /></a>
            Cines MX - Tu Red de Cines!
        </h2>        
        <section id="menuconsultar">
            <select id="ciudades" title="Elige la ciudad en donde estas"> 
                <option value="0">Ciudad</option>
            </select>
            <select id="empresas" title="Elige la empresa de cine que quieres ir">  
                <option value="0">Empresa de Cine</option>
            </select>
            <select id="sucursales" title="Seleccione el cine que quieres">
                <option value="0">Cine Local</option>
            </select>
            <button id="btn_Consultar" type="button" value="Consultar">Consultar</button>
        </section>
    </header>
</form>

<section id="news">
    <table>
        <tr> 
            <td>    
                <img src="images/m2.jpg" width="400" height="250"/>
            </td>
            <td>    
                <img src="images/m1.jpg" width="90" height="120"/><br/>
                <img src="images/m3.jpg" width="90" height="120"/>
            </td>
            <td>    
                <img src="images/m4.jpg" width="90" height="120"/><br/>
                <img src="images/m5.jpg" width="90" height="120"/>
            </td>
            <td>    
                <img src="images/m6.jpg" width="90" height="120"/><br/>
                <img src="images/m7.jpg" width="90" height="120"/>
            </td>
        </tr>
    </table>
</section>

<section class="footer">    
    <p>Siguenos en Facebook y Twitter
        <img src="images/fb_icon.png"/>
        <img src="images/tw_icon.png"/></p>   
</section>
</body>
</html>
